@charset "UTF-8";
/**
 * 新闻中心stylesheet
 * zeyuan_html_pc_list_news
 * 引入文件
 *   common.scss
 *   header.scss
 */
@import "block/common.scss";
@import "block/header.scss";

.flash,.flash .bd{overflow: hidden;position: relative;}
.banner{
  height: 360px;
  background: url("../images/zy_list_news_banner_bg1.jpg") center center no-repeat;
}
.index-sec1{
  background: #F0F0F0;
  padding: 14px 0px;
  .wrap{
    height: 1300px;
    border: 1px solid #EBE5E5;
    background: #fff;
    .content{
      padding: 35px 40px;
      @extend %clf;
      .line{
        .pic{
          padding: 12px 0px;
          img{ @include wah(248px,146px,none);}
        }
        .txt{
          display: table;
          width: 674px;
        }
        dl{
          display: table-cell;
          vertical-align: middle;
          height: 170px;
          width: 674px;
          border-bottom: 1px dashed #ccc;
          position: relative;
          dt{@include flc(18px,40px, #333333, left);font-weight:bold;}
          dd{@include flc(14px,1.5,#656565,left);margin-top: 5px;}
          .cl-list-time{@include flc(14px,40px,#333333,right);right: 0px;}
        }
      }
    }
  }

}


.index-sec3{
  background: url('../images/zy_index_4_bg1.jpg') center bottom no-repeat;
  height: 538px;
  .line1{
    height: 168px;
    background: url('../images/zy_index_4_bg2.png') center bottom no-repeat;
  }
  .line2{
    @extend %clf;
    background: url('../images/zy_index_4_bg4.png') center 80px no-repeat;
    .line-block{
      @include wah(302px,178px,none);
      margin-right: 90px;
      position: relative;
      &.end{margin-right: 0;}
      .step-number{
        @include flc(30px,2,#fff,center);
        font-weight: bold;
      }
      .step-title{
        background: #fff;
        height: 81px;
        @include flc(24px, 81px ,#373737,center);
        .icon{
          margin-right:22px ;
          vertical-align: -6px;
        }
      }
      .step-intro{
        @include flc(14px,50px,#fff,center);
      }
    }
    .line-block.on{
      .step-number{
        color: #F75620;
      }
      .step-title{
        background: #F75620;
        color: #fff;
      }
      .icon-step1{  @include sprite-position($iconStep1On); }
      .icon-step2{  @include sprite-position($iconStep2On); }
      .icon-step3{  @include sprite-position($iconStep3On); }
    }
  }
  .line3{
    margin-top: 60px;
    .start-btn{
      display: block;
      margin: 0 auto;
      background: url('../images/zy_index_4_bg3.png') center bottom no-repeat;
      @include wah(308px, 74px ,none);
      @include flc(22px,74px,#fff,center);
    }
  }
}
